<%-- 
    Document   : autores
    Created on : 29-abr-2014, 12:58:30
    Author     : Rafa
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="head.html" %>

        <script>
            function dialogoEliminar() {

                var retVal = confirm("¿Realmente desea eliminar este autor?");
                if (retVal == true) {
                    //alert("User wants to continue!");
                    return true;
                } else {
                    //alert("User does not want to continue!");
                    return false;
                }
            }
        </script>
    </head>
    <body>  
        <!-- Header -->
        <div id="header" class="skel-panels-fixed">

            <div class="top">

                <!-- Logo -->
                <%@include file="perfil.jsp" %>

                <!-- Nav -->
                <nav id="nav">
                    <ul>
                        <li><html:link action="/VistaUsuario/Superuser/irInicio"><span class="fa fa-envelope-o">Control de Mando</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irSecciones"><span class="fa fa-envelope-o">Secciones</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irUsuarios"><span class="fa fa-eye">Usuarios</span></html:link></li>
                            <li><a href="#autores" id="autores-link" class="skel-panels-ignoreHref"><span class="fa fa-dashboard">Autores</span></a></li>                        
                            <li><html:link action="/VistaUsuario/Superuser/irRevistas"><span class="fa fa-users">Revista</span></html:link></li>                
                        </ul>
                    </nav>

                </div>

            </div>

            <!-- Main -->
            <div id="main">

                <!-- Intro -->
                <section id="autores" class="one">
                    <header>
                        <h2 class="alt">Autores</h2>
                        <!-- Boton para modificar la seccion -->                               
                    <html:form action="/VistaUsuario/Superuser/anadirAutor">
                        <html:hidden name="ModificarAutorActionForm" property="update" value="Anadir"/>
                        <span><html:image styleId="anadir" src="images/anadir.png" style="width: 8%; height: 8%"/></span>
                    </html:form> 
                </header>


                <logic:notEmpty name="listaAutores">
                    <ul class="menuSeccion">
                        <logic:iterate name="listaAutores" id="autorMostrar" >  
                            <!-- Boton para modificar la seccion -->                              

                            <li class="item1" >

                                <a href="#<bean:write name="autorMostrar" property="idAutor" />" data-toggle="collapse" data-target="#<bean:write name="autorMostrar" property="idAutor" />" >

                                    <bean:write name="autorMostrar" property="persona" /> 

                                    <!-- Ver info autor -->
                                    <html:form action="/VistaUsuario/Superuser/verAutor">
                                        <html:hidden name="autorMostrar" property="idAutor"/>
                                        <span><html:image styleId="verAlgo" src="images/verLupa.png" style="width: 15px; height: 15px"/></span>
                                    </html:form>

                                    <!-- Boton para modificar el autor -->                               
                                    <html:form action="/VistaUsuario/Superuser/modificarAutor">
                                        <html:hidden name="autorMostrar" property="idAutor"/>
                                        <span><html:image styleId="modificar" src="images/modificar.png" style="width: 15px; height: 15px"/></span>
                                    </html:form>

                                    <!-- Boton para eliminar el autor -->                             
                                    <html:form action="/VistaUsuario/Superuser/eliminarAutor" onsubmit="return dialogoEliminar()">
                                        <html:hidden name="autorMostrar" property="idAutor"/>
                                        <span><html:image styleId="eliminar" src="images/eliminar.png" style="width: 15px; height: 15px"/></span>
                                    </html:form> 

                                    <% int numArticulos = 0;%>
                                    <logic:iterate name="autorMostrar" property="articulos" id="articulosAutor">
                                        <% numArticulos++;%>
                                    </logic:iterate>

                                    <span id="numeroMax" title="Numero de Articulos Publicados"><%=numArticulos++%></span>

                                </a>

                                <ul id="<bean:write name="autorMostrar" property="idAutor"/>" class="collapse">
                                    <!-- Se muestra cuando se accede desde un dispositivo menor a 555px -->
                                    <table style="margin:0">
                                        <tr>
                                            <td style="width: 33%;">
                                                <html:form action="/VistaUsuario/Superuser/verAutor">
                                                    <html:hidden name="autorMostrar" property="idAutor"/>
                                                    <span style="margin-left: 4%"><html:image styleId="verAlgoMovil" src="images/verLupa.png" style="width: 15px; height: 15px"/></span>
                                                </html:form>
                                            </td>
                                            <td style="width: 33%;"><!-- Boton para modificar la seccion -->                               
                                                <html:form action="/VistaUsuario/Superuser/modificarAutor">
                                                    <html:hidden name="autorMostrar" property="idAutor"/>
                                                    <span><html:image styleId="modificarMovil" src="images/modificar.png" style="width: 15px; height: 15px"/></span>
                                                </html:form>
                                            </td>
                                            <td style="width: 33%;"><!-- Boton para eliminar la seccion -->                             
                                                <html:form action="/VistaUsuario/Superuser/eliminarAutor">
                                                    <html:hidden name="autorMostrar" property="idAutor"/>
                                                    <span><html:image styleId="eliminarMovil" src="images/eliminar.png" style="width: 15px; height: 15px"/></span>
                                                </html:form> 
                                            </td>
                                        </tr>
                                    </table>            
                                    <li class="subitem1">

                                        <!-- De cada autor se recorren sus secciones -->
                                        <logic:iterate name="autorMostrar" property="articulos" id="articulosDelAutor">                                         
                                            <a href="#">
                                                <ul>
                                                    <li>
                                                        <bean:write name="articulosDelAutor" property="titulo"/>: 
                                                        <bean:write name="articulosDelAutor" property="tema"/>
                                                    </li>
                                                </ul>
                                            </a>
                                        </logic:iterate>

                                    </li>
                                </ul>
                            </li>
                        </logic:iterate>
                    </ul>
                </logic:notEmpty>

                <logic:empty name="listaAutores">
                    <p>No hay ningun autor</p>
                </logic:empty>
            </section>          
        </div>



        <!-- Footer -->
        <div id="footer">
            <%@include file="footer.html" %>
        </div>
        <!-- Mensaje de Error al insertar -->
        <logic:notEmpty name="ModificarAutorActionForm" property="errorAlert">    
            <script>
                alert("<bean:write name="ModificarAutorActionForm" property="errorAlert" filter="false"/>");
            </script>
        </logic:notEmpty>
    </body>
</html>
